﻿<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Basic User Interface Test: caret-color is not inherited</title>
<link rel="author" title="Chris Lilley" href="mailto:chris@w3.org">
<link rel="help" title="7.2.1. Coloring the insertion caret: caret-color" href="http://www.w3.org/TR/css3-ui/#caret-color">
<meta name="flags" content="">
<meta name="assert" content="Test checks that caret-color value does not inherit">
<style>
  #container {
     caret-color:red;
  }
  #test1 {
    caret-color:#070;
  }
  textarea {
    font-size: 2em;
    font-weight: bold;
    width: 10em;
  }
  }
</style>
<body>
  <p>Test passes if, when the cursor is placed in the first textarea for editing, the caret is green and then,
  when placed in the second textarea, the caret is not red.</p>
  <p>The shape of the caret, and whether it flashes, are not part of the test.</p>
  <textarea id="test1">First textarea</textarea>
  <div id="container">
    <textarea id="test2">Second textarea</textarea>
  </div>
</body>
